<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/all.css"/>
		<script type="text/javascript" src="./js/jquery-1.8.2.min.js" ></script>
		<script>
			$(function(){
				$("#botton").toggle(
					function () {
						$('#botton_nav').slideDown();
					},
					function () {
						$('#botton_nav').slideUp();
					}
				);
			})
		</script>
	</head>
	
	<body>
		<header>
			<div id="head">
				<div id="head_content">
					<img src="./images/logo.png" alt="" width="200" height="50"/>
					<div id="nav">
						<ul>
							<li style="background-color:#D9534F;">首页</li>
							<li>相关技术</li>
							<li>相关下载</li>
							<li>问题模板</li>
							<li>样式参考</li>
							<li>图标参考</li>
							<li>更新日志</li>
						</ul>
					</div>
					<div id="botton">≡</div>
				</div>
			</div>
		</header>
		
		<div id="fa">
			<div id="botton_nav">
				<div style="background-color: #D9534F;">相关技术</div>
				<div>相关下载</div>
				<div>问题模板</div>
				<div>样式参考</div>
				<div>图标参考</div>
				<div>更新日志</div>
			</div>
		</div>
		
		
		<div id="content">
			<div id="left">
				<div class="left_div left01">
					<img src="./images/img.jpg" alt="" />
				</div>
				<div class="left_div left02">
					<span class="title">Zanblog 更新至V2.1.0</span>
					<img src="./images/article_img.jpg" alt="" />
					<div class="text">HI，赞友们，在两个月前我们推出了ZanBlog3主题，但还是有一部分用户喜欢Zanblog2的样式，所以在V2.0.7发布8个多月之后，再次更新Zanblog2。
现在让我们一起看看 V2.1.0 所做的变动吧！</div>
					<div class="button">阅读全文</div>
				</div>
				<div class="left_div left02">
					<span class="title">Zanblog 更新至V2.1.0</span>
					<img src="./images/article_img.jpg" alt="" />
					<div class="text">HI，赞友们，在两个月前我们推出了ZanBlog3主题，但还是有一部分用户喜欢Zanblog2的样式，所以在V2.0.7发布8个多月之后，再次更新Zanblog2。
现在让我们一起看看 V2.1.0 所做的变动吧！</div>
					<div class="button">阅读全文</div>
				</div>
				<div class="left_div left02">
					<span class="title">Zanblog 更新至V2.1.0</span>
					<img src="./images/article_img.jpg" alt="" />
					<div class="text">HI，赞友们，在两个月前我们推出了ZanBlog3主题，但还是有一部分用户喜欢Zanblog2的样式，所以在V2.0.7发布8个多月之后，再次更新Zanblog2。
现在让我们一起看看 V2.1.0 所做的变动吧！</div>
					<div class="button">阅读全文</div>
				</div>
				
			</div>
			<div id="right">
				<div id="login">
					<div id="login_head">请登录</div>
					<form id="login_content">
						<div class="div_input">
							<div class="login_title"></div>
							<div class="login_text"></div>
						</div>
						<div class="div_input">
							<div class="login_title"></div>
							<div class="login_text"></div>
						</div>
						<div class="login_botton">
							<div>注册</div>
							<div>登陆</div>
						</div>
						
					</form>
				</div>
				<div id="search">
					<div>搜索</div>
					<span></span>
					<i></i>
				</div>
				
				<aside>
					<div class="panel">
						<div class="panel_header">
							最热文章
						</div>
						<ul>
							<li>
								<span class="panel_title"><a href="">Zanblog 2.0.7</a></span>
								<span class="panel_num">51,797</span>
							</li>
							<li>
								<span class="panel_title"><a href="">Zanblog常见</a></span>
								<span class="panel_num">37,568</span>
							</li>
							<li>
								<span class="panel_title"><a href="">Zanblog使用说明</a></span>
								<span class="panel_num">36,258</span>
							</li>
							<li>
								<span class="panel_title"><a href="">Zanblog侧边栏与菜单</a></span>
								<span class="panel_num">23,105</span>
							</li>
							<li>
								<span class="panel_title"><a href="">Zanblog 2.0.6</a></span>
								<span class="panel_num">16,207</span>
							</li>
							<li>
								<span class="panel_title"><a href="">Zanblog主题说明</a></span>
								<span class="panel_num">96,06</span>
							</li>
							<li>
								<span class="panel_title"><a href="">Zanblog 2.0.3</a></span>
								<span class="panel_num">72,21</span>
							</li>
							<li>
								<span class="panel_title"><a href="">Zanblog 2.0.5</a></span>
								<span class="panel_num">8,234</span>
							</li>
						</ul>
					</div>
				</aside>

				
				
			</div>
		</div>
	</body>
</html>
